<html xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui" xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/layouts/default.xhtml">
    <ui:define name="title">#{text['groupeDetail.title']}</ui:define>
    <ui:param name="menu" value="ClasseMenu"/>
    <ui:param name="menuleft" value="ClasseGroupeFormMenu"/>

    <ui:define name="body">
        <div class="col-sm-9">
        <div class="page-header">
			<h3>#{text['groupeDetail.heading']}</h3>
		</div>
        <h:form id="groupeForm" styleClass="well">
	        <div class="form-group">
	   		<h:inputHidden value="#{groupeForm.groupe.id}" id="id"/>
	        </div>
	        
	        <div class="row">
	    	   	<div class="col-sm-3 form-group col-md-offset-4">
		            <h:outputLabel styleClass="control-label" for="libelleGroupe" value="#{text['groupe.libelleGroupe']}"/>
		        	<h:inputText id="libelleGroupe" value="#{groupeForm.groupe.libelleGroupe}" styleClass="form-control" required="true" maxlength="255"/>
		            <p:message for="libelleGroupe"/>
		        </div>
	        </div>
	        
	        <div class="row">
		        <div class="col-sm-4 form-group col-md-offset-4">
					<h:outputLabel styleClass="control-label" for="anneeScolaire" value="#{text['anneeScolaire.anneeScolaire']}" />
					<h:selectOneMenu id="anneeScolaire" styleClass="form-control" value="#{groupeForm.groupe.anneeScolaire.id}" required="true">
						<f:selectItems value="#{groupeForm.anneeScolaires}" var="anneeScolaire" itemLabel="#{anneeScolaire.anneeScolaire}" itemValue="#{anneeScolaire.id}" />
					</h:selectOneMenu>
					<p:message for="anneeScolaire" />
				</div>
			</div>
	        
	        <div class="row">
		        <div class="col-sm-4 form-group col-md-offset-4">
					<h:outputLabel styleClass="control-label" for="classe" value="#{text['eleve.classe']}" />
					<h:selectOneMenu id="classe" styleClass="form-control" value="#{groupeForm.groupe.classe.id}" required="true">
						<f:selectItems value="#{groupeForm.classes}" var="classe" itemLabel="#{classe.nomClasse}" itemValue="#{classe.id}" />
					</h:selectOneMenu>
					<p:message for="classe" />
				</div>
			</div>
			
            <div class="btn-group col-md-offset-5">
                <h:commandButton value="#{text['button.save']}" action="#{groupeForm.save}"
                    id="save" styleClass="btn btn-primary"/>

                <h:commandButton value="#{text['button.cancel']}" action="cancel" immediate="true"
                    id="cancel" styleClass="btn btn-default"/>
            </div>
        </h:form>
        </div>
    </ui:define>
</ui:composition>
</html>
